/* 常用样式 */
.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.flex-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.border {
	border: var(--el-border);
}

.radius-border {
	@extend .border;
	border-radius: var(--el-border-radius-base);
}

.shadow-radius-border {
	@extend .radius-border;
	box-shadow: var(--el-box-shadow-light);
}

.font {
	color: var(--el-text-color-primary);
	font-size: 1em;
}

.font-bold {
	@extend .font;
	font-weight: bold;
}

.font-underlined {
	@extend .font;
	text-decoration: underline;
	text-decoration-color: var(--el-border-color);
	text-underline-offset: 20%;
}

.frame {
	@extend .border;
	margin: 1%;
}

/* 公共样式 */
.el-main {
	overflow-y: auto;
	height: calc(100vh - 60px);
}

.el-aside {
	overflow-y: auto;
	height: calc(100vh - 60px);
}

.el-main .el-affix {
	white-space: nowrap;
}

.paper {
	@extend .shadow-radius-border;
	aspect-ratio: 210 / 297;
	width: 75vw;
	font-size: 1vw;
}

@media (max-width: 1600px) {
  .paper {
  	width: 1200px;
	font-size: 16px;
  }
}

.paper-header {
	margin: 1%;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
}

.paper-row {
	display: flex;
	margin: 0 1%;
	height: 2%;
}

.paper-row select {
	height: 100%;
	width: 100%;
	@extend .border;
	@extend .font;
}
